<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<% String path = request.getContextPath();%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

		<title>首页</title>

		<link href="<%=path%>/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
		<link href="<%=path%>/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />

		<link href="<%=path%>/basic/css/demo.css" rel="stylesheet" type="text/css" />

		<link href="<%=path%>/css/hmstyle.css" rel="stylesheet" type="text/css" />
		<script src="<%=path%>/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
		<script src="<%=path%>/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
		<style type="text/css">
			.goodstp{
				height: 120px;
				width: 120px;
			}
		</style>
	</head>

	<body>
	<%--头部--%>
	<jsp:include page="header.jsp"></jsp:include>
             <b class="line"></b>
			<div class="shopNav">
				<div class="slideall" style="height: auto;">
			        
					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					   <div class="nav-cont">
							<ul>
								<li class="index"><a href="home2.jsp">首页</a></li>
                                <li class="qc"><a href="#">闪购</a></li>
                                <li class="qc"><a href="#">限时抢</a></li>
                                <li class="qc"><a href="#">团购</a></li>
                                <li class="qc last"><a href="#">大包装</a></li>
							</ul>
						    <div class="nav-extra">
						    	<i class="am-icon-user-secret am-icon-md nav-user"></i><b></b>我的福利
						    	<i class="am-icon-angle-right" style="padding-left: 10px;"></i>
						    </div>
						</div>
                
			    <div class="bannerTwo">
                      <!--轮播 -->
						<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
							<ul class="am-slides">
								<c:forEach items="${bannerList}" var="list">
									<li class="banner1"><a href=""><img src="${list.bannerImage}" /></a></li>
								</c:forEach>
							</ul>
						</div>
						<div class="clear"></div>	
			    </div>

						<!--侧边导航 -->
						<div id="nav" class="navfull" style="position: static;">
							<div class="area clearfix">
								<div class="category-content" id="guide_2">
									
									<div class="category" style="box-shadow:none ;margin-top: 2px;">
										<ul class="category-list navTwo" id="js_climit_li">
											<c:forEach items="${typeList}" var="type">
												<c:if test="${type.parentId == 0}">
													<li>
														<div class="category-info">
															<h3 class="category-name b-category-name"><i><img src="images/cake.png"></i><a class="ml-22" title="点心">${type.typeName}</a></h3>
															<em>&gt;</em></div>
														<div class="menu-item menu-in top">
															<div class="area-in">
																<div class="area-bg">
																	<div class="menu-srot">
																		<div class="sort-side">
																			<dl class="dl-sort">
																				<dt><span title="${type.typeName}">${type.typeName}</span></dt>
																				<c:forEach items="${typeList}" var="list">
																					<c:if test="${list.parentId == type.typeId}">
																						<dd><a title="${list.typeName}" href="search?index_none_header_sysc=${list.typeName}"><span>${list.typeName}</span></a></dd>
																					</c:if>
																				</c:forEach>
																			</dl>
																		</div>
																		<div class="brand-side">
																		</div>
																	</div>
																</div>
															</div>
														</div>
														<b class="arrow"></b>
													</li>
												</c:if>
											</c:forEach>
										</ul>
									</div>
								</div>

							</div>
						</div>
						<!--导航 -->
						<script type="text/javascript">
							(function() {
								$('.am-slider').flexslider();
							});
							$(document).ready(function() {
								$("li").hover(function() {
									$(".category-content .category-list li.first .menu-in").css("display", "none");
									$(".category-content .category-list li.first").removeClass("hover");
									$(this).addClass("hover");
									$(this).children("div.menu-in").css("display", "block")
								}, function() {
									$(this).removeClass("hover")
									$(this).children("div.menu-in").css("display", "none")
								});
							})
						</script>


					<!--小导航 -->
					<div class="am-g am-g-fixed smallnav">
						<div class="am-u-sm-3">
							<a href="sort.html"><img src="images/navsmall.jpg" />
								<div class="title">商品分类</div>
							</a>
						</div>
						<div class="am-u-sm-3">
							<a href="#"><img src="images/huismall.jpg" />
								<div class="title">大聚惠</div>
							</a>
						</div>
						<div class="am-u-sm-3">
							<a href="#"><img src="images/mansmall.jpg" />
								<div class="title">个人中心</div>
							</a>
						</div>
						<div class="am-u-sm-3">
							<a href="#"><img src="images/moneysmall.jpg" />
								<div class="title">投资理财</div>
							</a>
						</div>
					</div>

					
				<!--各类活动-->
				<div class="row">
					<li><a><img src="images/row1.jpg"/></a></li>
					<li><a><img src="images/row2.jpg"/></a></li>
					<li><a><img src="images/row3.jpg"/></a></li>
					<li><a><img src="images/row4.jpg"/></a></li>
				</div>
				<div class="clear"></div>	
					<!--走马灯 -->

					<div class="marqueenTwo">
						<span class="marqueen-title"><i class="am-icon-volume-up am-icon-fw"></i>商城头条<em class="am-icon-angle-double-right"></em></span>
						<div class="demo">

							<ul>
								<c:forEach items="${newList}" var="list">
									<li><a target="_blank" href="#"><span>${list.title}</span>${list.content}</a></li>
								</c:forEach>
							</ul>
                       
						</div>
					</div>
					<div class="clear"></div>
				
				</div>
				
				
							
				<script type="text/javascript">
					if ($(window).width() < 640) {
						function autoScroll(obj) {
							$(obj).find("ul").animate({
								marginTop: "-39px"
							}, 500, function() {
								$(this).css({
									marginTop: "0px"
								}).find("li:first").appendTo(this);
							})
						}
						$(function() {
							setInterval('autoScroll(".demo")', 3000);
						})
					}
				</script>
			</div>
			<div class="shopMainbg">
				<div class="shopMain" id="shopmain">

					<!--热门活动 -->

					<div class="am-container">
					
                     <%--<div class="sale-mt">
		                   <i></i>
		                   <em class="sale-title">限时秒杀</em>
		                   <div class="s-time" id="countdown">
			                    <span class="hh">01</span>
			                    <span class="mm">20</span>
			                    <span class="ss">59</span>
		                   </div>
	                  </div>--%>

					
					  <%--<div class="am-g am-g-fixed sale">
						<div class="am-u-sm-3 sale-item">
							<div class="s-img">
								<a href="# "><img src="images/sale3.jpg" /></a>
							</div>
                           <div class="s-info">
                           	   <a href="#"><p class="s-title">ZEK 原味海苔</p></a>
                           	   <div class="s-price">￥<b>9.90</b>
                           	   	  <a class="s-buy" href="#">秒杀</a>
                           	   </div>                          	  
                           </div>								
						</div>
						
						<div class="am-u-sm-3 sale-item">
							<div class="s-img">
								<a href="# "><img src="images/sale2.jpg" /></a>
							</div>
                           <div class="s-info">
                           	   <a href="#"><p class="s-title">ZEK 原味海苔</p></a>
                           	   <div class="s-price">￥<b>9.90</b>
                           	   	  <a class="s-buy" href="#">秒杀</a>
                           	   </div>                          	  
                           </div>								
						</div>					
						
						<div class="am-u-sm-3 sale-item">
							<div class="s-img">
								<a href="# "><img src="images/sale1.jpg" /></a>
							</div>
                           <div class="s-info">
                           	   <a href="#"><p class="s-title">ZEK 原味海苔</p></a>
                           	   <div class="s-price">￥<b>9.90</b>
                           	   	  <a class="s-buy" href="#">秒杀</a>
                           	   </div>                          	  
                           </div>								
						</div>
						
						<div class="am-u-sm-3 sale-item">
							<div class="s-img">
								<a href="# "><img src="images/sale2.jpg " /></a>
							</div>
                           <div class="s-info">
                           	   <a href="#"><p class="s-title">ZEK 原味海苔</p></a>
                           	   <div class="s-price">￥<b>9.90</b>
                           	   	  <a class="s-buy" href="#">秒杀</a>
                           	   </div>                          	  
                           </div>								
						</div>
						
					  </div>--%>
                   </div>
					<div class="clear "></div>
					<div class="f1">
						<div class="am-container " >
							<div class="shopTitle ">
								<h4 class="floor-title">${top5.get(0).getTypeName()}</h4>
								<div class="today-brands " style="right:0px ;top:13px;">
								</div>

							</div>
						</div>

						<div class="am-g am-g-fixed floodSix ">

							<div class="am-u-sm-5 am-u-md-3 text-one list">
								<div class="word">
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								</div>
								<a href="# ">
									<img src="images/5.jpg" />
									<div class="outer-con ">
										<div class="title ">
											零食大礼包开抢啦
										</div>
										<div class="sub-title ">
											当小鱼儿恋上软豆腐
										</div>
									</div>
								</a>
								<div class="triangle-topright"></div>
							</div>

							<div class="am-u-sm-7 am-u-md-5 am-u-lg-2 text-two big">

								<div class="outer-con ">
									<div class="title ">
										${type1.get(0).getGoodsName()}
									</div>
									<div class="sub-title ">
										¥${type1.get(0).getShopPrice()}
									</div>

								</div>
								<a href="info?id=${type1.get(0).getGoodsId()}"><img class="goodsdtp" src="${type1.get(0).getGoodsThums()}" /></a>
							</div>

							<li>
								<div class="am-u-md-2 am-u-lg-2 text-three">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type1.get(1).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type1.get(1).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type1.get(1).getGoodsId()}"><img class="goodstp" src="${type1.get(1).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-md-2 am-u-lg-2 text-three sug">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type1.get(2).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type1.get(2).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type1.get(2).getGoodsId()}"><img class="goodstp" src="${type1.get(2).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-5 am-u-lg-4 text-five">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type1.get(3).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type1.get(3).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type1.get(3).getGoodsId()}"><img src="${type1.get(3).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-2 am-u-lg-2 text-six">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type1.get(4).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type1.get(4).getShopPrice()}
										</div>
									</div>
									<a href="info?id=${type1.get(4).getGoodsId()}"><img class="goodstp" src="${type1.get(4).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-2 am-u-lg-4 text-six">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type1.get(5).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type1.get(5).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type1.get(5).getGoodsId()}"><img class="goodstp" src="${type1.get(5).getGoodsThums()}" /></a>
								</div>
							</li>
						</div>
						<div class="clear "></div>
					</div>
					<div class="f2">
						<div class="am-container " >
							<div class="shopTitle ">
								<h4 class="floor-title">${top5.get(1).getTypeName()}</h4>
								<div class="today-brands " style="right:0px ;top:13px;">
								</div>

							</div>
						</div>

						<div class="am-g am-g-fixed floodSix ">

							<div class="am-u-sm-5 am-u-md-3 text-one list">
								<div class="word">
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								</div>
								<a href="# ">
									<img src="images/5.jpg" />
									<div class="outer-con ">
										<div class="title ">
											零食大礼包开抢啦
										</div>
										<div class="sub-title ">
											当小鱼儿恋上软豆腐
										</div>
									</div>
								</a>
								<div class="triangle-topright"></div>
							</div>

							<div class="am-u-sm-7 am-u-md-5 am-u-lg-2 text-two big">

								<div class="outer-con ">
									<div class="title ">
										${type2.get(0).getGoodsName()}
									</div>
									<div class="sub-title ">
										¥${type2.get(0).getShopPrice()}
									</div>

								</div>
								<a href="info?id=${type2.get(0).getGoodsId()}"><img src="${type2.get(0).getGoodsThums()}" /></a>
							</div>

							<li>
								<div class="am-u-md-2 am-u-lg-2 text-three">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type2.get(1).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type2.get(1).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type2.get(1).getGoodsId()}"><img class="goodstp" src="${type2.get(1).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-md-2 am-u-lg-2 text-three sug">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type2.get(2).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type2.get(2).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type2.get(2).getGoodsId()}"><img class="goodstp" src="${type2.get(2).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-5 am-u-lg-4 text-five">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type2.get(3).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type2.get(3).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type2.get(3).getGoodsId()}"><img src="${type2.get(3).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-2 am-u-lg-2 text-six">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type2.get(4).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type2.get(4).getShopPrice()}
										</div>
									</div>
									<a href="info?id=${type2.get(4).getGoodsId()}"><img class="goodstp" src="${type2.get(4).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-2 am-u-lg-4 text-six">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type2.get(5).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type2.get(5).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type2.get(5).getGoodsId()}"><img class="goodstp" src="${type2.get(5).getGoodsThums()}" /></a>
								</div>
							</li>
						</div>
						<div class="clear "></div>
					</div>
					<div class="f3">
						<div class="am-container " >
							<div class="shopTitle ">
								<h4 class="floor-title">${top5.get(2).getTypeName()}</h4>
								<div class="today-brands " style="right:0px ;top:13px;">
								</div>

							</div>
						</div>

						<div class="am-g am-g-fixed floodSix ">

							<div class="am-u-sm-5 am-u-md-3 text-one list">
								<div class="word">
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								</div>
								<a href="# ">
									<img src="images/5.jpg" />
									<div class="outer-con ">
										<div class="title ">
											零食大礼包开抢啦
										</div>
										<div class="sub-title ">
											当小鱼儿恋上软豆腐
										</div>
									</div>
								</a>
								<div class="triangle-topright"></div>
							</div>

							<div class="am-u-sm-7 am-u-md-5 am-u-lg-2 text-two big">

								<div class="outer-con ">
									<div class="title ">
										${type3.get(0).getGoodsName()}
									</div>
									<div class="sub-title ">
										¥${type3.get(0).getShopPrice()}
									</div>

								</div>
								<a href="info?id=${type3.get(0).getGoodsId()}"><img src="${type3.get(0).getGoodsThums()}" /></a>
							</div>

							<li>
								<div class="am-u-md-2 am-u-lg-2 text-three">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type3.get(1).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type3.get(1).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type3.get(1).getGoodsId()}"><img class="goodstp" src="${type3.get(1).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-md-2 am-u-lg-2 text-three sug">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type3.get(2).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type3.get(2).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type3.get(2).getGoodsId()}"><img class="goodstp" src="${type3.get(2).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-5 am-u-lg-4 text-five">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type3.get(3).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type3.get(3).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type3.get(3).getGoodsId()}"><img src="${type3.get(3).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-2 am-u-lg-2 text-six">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type3.get(4).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type3.get(4).getShopPrice()}
										</div>
									</div>
									<a href="info?id=${type3.get(4).getGoodsId()}"><img class="goodstp" src="${type3.get(4).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-2 am-u-lg-4 text-six">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type3.get(5).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type3.get(5).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type3.get(5).getGoodsId()}"><img class="goodstp" src="${type3.get(5).getGoodsThums()}" /></a>
								</div>
							</li>
						</div>
						<div class="clear "></div>
					</div>
					<div class="f4">
						<div class="am-container " >
							<div class="shopTitle ">
								<h4 class="floor-title">${top5.get(3).getTypeName()}</h4>
								<div class="today-brands " style="right:0px ;top:13px;">
								</div>

							</div>
						</div>

						<div class="am-g am-g-fixed floodSix ">

							<div class="am-u-sm-5 am-u-md-3 text-one list">
								<div class="word">
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
									<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								</div>
								<a href="# ">
									<img src="images/5.jpg" />
									<div class="outer-con ">
										<div class="title ">
											零食大礼包开抢啦
										</div>
										<div class="sub-title ">
											当小鱼儿恋上软豆腐
										</div>
									</div>
								</a>
								<div class="triangle-topright"></div>
							</div>

							<div class="am-u-sm-7 am-u-md-5 am-u-lg-2 text-two big">

								<div class="outer-con ">
									<div class="title ">
										${type4.get(0).getGoodsName()}
									</div>
									<div class="sub-title ">
										¥${type4.get(0).getShopPrice()}
									</div>

								</div>
								<a href="info?id=${type4.get(0).getGoodsId()}"><img src="${type4.get(0).getGoodsThums()}" /></a>
							</div>

							<li>
								<div class="am-u-md-2 am-u-lg-2 text-three">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type4.get(1).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type4.get(1).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type4.get(1).getGoodsId()}"><img class="goodstp" src="${type4.get(1).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-md-2 am-u-lg-2 text-three sug">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type4.get(2).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type4.get(2).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type4.get(2).getGoodsId()}"><img class="goodstp" src="${type4.get(2).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-5 am-u-lg-4 text-five">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type4.get(3).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type4.get(3).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type4.get(3).getGoodsId()}"><img src="${type4.get(3).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-2 am-u-lg-2 text-six">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type4.get(4).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type4.get(4).getShopPrice()}
										</div>
									</div>
									<a href="info?id=${type4.get(4).getGoodsId()}"><img class="goodstp" src="${type4.get(4).getGoodsThums()}" /></a>
								</div>
							</li>
							<li>
								<div class="am-u-sm-4 am-u-md-2 am-u-lg-4 text-six">
									<div class="boxLi"></div>
									<div class="outer-con ">
										<div class="title ">
											${type4.get(5).getGoodsName()}
										</div>
										<div class="sub-title ">
											¥${type4.get(5).getShopPrice()}
										</div>

									</div>
									<a href="info?id=${type4.get(5).getGoodsId()}"><img class="goodstp" src="${type4.get(5).getGoodsThums()}" /></a>
								</div>
							</li>
						</div>
						<div class="clear "></div>
					</div>
					<div class="f5">
					<div class="am-container " >
						<div class="shopTitle ">
							<h4 class="floor-title">${top5.get(4).getTypeName()}</h4>
							<div class="today-brands " style="right:0px ;top:13px;">
							</div>

						</div>
					</div>

					<div class="am-g am-g-fixed floodSix ">

						<div class="am-u-sm-5 am-u-md-3 text-one list">
							<div class="word">
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
								<a class="outer" href="#"><span class="inner"><b class="text">核桃</b></span></a>
							</div>
							<a href="# ">
								<img src="images/5.jpg" />
								<div class="outer-con ">
									<div class="title ">
										零食大礼包开抢啦
									</div>
									<div class="sub-title ">
										当小鱼儿恋上软豆腐
									</div>
								</div>
							</a>
							<div class="triangle-topright"></div>
						</div>

						<div class="am-u-sm-7 am-u-md-5 am-u-lg-2 text-two big">

							<div class="outer-con ">
								<div class="title ">
									${type5.get(0).getGoodsName()}
								</div>
								<div class="sub-title ">
									¥${type5.get(0).getShopPrice()}
								</div>

							</div>
							<a href="info?id=${type5.get(0).getGoodsId()}"><img src="${type5.get(0).getGoodsThums()}" /></a>
						</div>

						<li>
							<div class="am-u-md-2 am-u-lg-2 text-three">
								<div class="boxLi"></div>
								<div class="outer-con ">
									<div class="title ">
										${type5.get(1).getGoodsName()}
									</div>
									<div class="sub-title ">
										¥${type5.get(1).getShopPrice()}
									</div>

								</div>
								<a href="info?id=${type5.get(1).getGoodsId()}"><img class="goodstp" src="${type5.get(1).getGoodsThums()}" /></a>
							</div>
						</li>
						<li>
							<div class="am-u-md-2 am-u-lg-2 text-three sug">
								<div class="boxLi"></div>
								<div class="outer-con ">
									<div class="title ">
										${type5.get(2).getGoodsName()}
									</div>
									<div class="sub-title ">
										¥${type5.get(2).getShopPrice()}
									</div>

								</div>
								<a href="info?id=${type5.get(2).getGoodsId()}"><img class="goodstp" src="${type5.get(2).getGoodsThums()}" /></a>
							</div>
						</li>
						<li>
							<div class="am-u-sm-4 am-u-md-5 am-u-lg-4 text-five">
								<div class="boxLi"></div>
								<div class="outer-con ">
									<div class="title ">
										${type5.get(3).getGoodsName()}
									</div>
									<div class="sub-title ">
										¥${type5.get(3).getShopPrice()}
									</div>

								</div>
								<a href="info?id=${type5.get(3).getGoodsId()}"><img src="${type5.get(3).getGoodsThums()}" /></a>
							</div>
						</li>
						<li>
							<div class="am-u-sm-4 am-u-md-2 am-u-lg-2 text-six">
								<div class="boxLi"></div>
								<div class="outer-con ">
									<div class="title ">
										${type5.get(4).getGoodsName()}
									</div>
									<div class="sub-title ">
										¥${type5.get(4).getShopPrice()}
									</div>
								</div>
								<a href="info?id=${type5.get(4).getGoodsId()}"><img class="goodstp" src="${type5.get(4).getGoodsThums()}" /></a>
							</div>
						</li>
						<li>
							<div class="am-u-sm-4 am-u-md-2 am-u-lg-4 text-six">
								<div class="boxLi"></div>
								<div class="outer-con ">
									<div class="title ">
										${type5.get(5).getGoodsName()}
									</div>
									<div class="sub-title ">
										¥${type5.get(5).getShopPrice()}
									</div>

								</div>
								<a href="info?id=${type5.get(5).getGoodsId()}"><img class="goodstp" src="${type5.get(5).getGoodsThums()}" /></a>
							</div>
						</li>
					</div>
					<div class="clear "></div>
				</div>
					<%--尾部--%>
					<jsp:include page="foot.jsp"></jsp:include>
				</div>
			</div>
		</div>
		</div>

		<!--引导 -->
		<div class="navCir">
			<li class="active"><a href="home2.html"><i class="am-icon-home "></i>首页</a></li>
			<li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
			<li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>	
			<li><a href="person/index.html"><i class="am-icon-user"></i>我的</a></li>
		</div>
		<!--菜单 -->
		<jsp:include page="nav.jsp"></jsp:include>
		<script>
			window.jQuery || document.write('<script src="basic/js/jquery.min.js "><\/script>');
		</script>
		<script type="text/javascript " src="basic/js/quick_links.js "></script>
	</body>

</html>